<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--img 属于替换元素基于块和行内元素之间，具有两种元素特点-->
    <!--alt 图片描述 默认不显示 有些浏览器无法加载时会显示 -->
    <!--宽度默认单位像素  一般需要多大裁多大  -->
    <!-- jpg 色彩丰富 不支持透明背景 不支持动图 适合照片人像
        gif 支持较少颜色，支持简单透明 支持动图 适合显示颜色单一的动图
        png 支持颜色丰富 支持复杂透明 不支持动图 适合网页显示
        webp 谷歌推出专门显示网页图片一种格式 具备其他几种的优点 且比较小
            但是兼容性不好
    -->
    <!-- base64  将图片进行base64进行编码 这样可以直接将图片转换为字符，通过字符
    形式导入图片  需要和网页一起加载 才使用-->
    <img src="./img/3.jpg" alt="张含韵" width="500">
    <img src="./img/1.gif">
    <img src=""
    
</body>
</html>